
#dot-widget-container{

width: 13em;
height: auto;
border: 2px solid #CDDDE9; 
position: relative;
visibility: visible !important;
}
#dot-widget-title-bar{
background-color: #CDDDE9; 
padding-top: 0.2em;
padding-bottom: 0.2em;
}
#dot-widget-network-indicator{
height: 8px;
width: 8px;
padding-left: 0.3em;
}
#dot-widget-title-text{
vertical-align: middle;
font-weight: bold;
font-size: 14pt;
padding-left: 2px;
}
#dot-widget-contents{
padding: 8px 5px 8px 5px;
}
#dot-widget-learn-how{
font-size: 11pt;
}
#dot-sync-cancel,
#dot-sync-status{
font-size: 11pt;
}
#dot-success-checkmark{
display: none;
}
#dot-roller{
display: none;
padding-right: 4px;
}
.dot-sync-error{
color: red;
}
#dot-sync-details{
display: none;
padding-left: 0.2em;
}
#dot-sync-status{
height: 2em;
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.dot-needs-offline-cache #dot-widget-learn-how,
.dot-needs-browser-restart{
text-align: center;
line-height: 1.2;
font-size: 16pt !important;
}
.dot-needs-offline-cache #dot-sync-status,
.dot-needs-offline-cache #dot-widget-browser-restart{
display: none;
}
.dot-needs-browser-restart{
    font-size: 14pt !important;
    padding-bottom: 1em;
    padding-top: 1em;
}
#dot-learn-how-body{
padding: 3em;
background-color: #CDDDE9; 
}
#dot-learn-how-contents{
border: 1px solid black; 
background-color: white; 
padding: 0.4em 0.6em 0.4em 0.6em;
font-size: 16pt;
}
#dot-learn-how-contents h1{
font-size: 24pt;
}
#dot-learn-how-contents h2{
font-size: 18pt;
}
#dot-learn-how-contents li{
padding-bottom: 0.6em;
}
